<script setup>
import { useRouter } from 'vue-router';
const router = useRouter()
function onClickLeft() {
    router.back()
}
</script>

<template>
    <div class="box">
        <van-nav-bar title="须知" left-text="返回" left-arrow @click-left="onClickLeft" />
        <div class="content">
            <h3>1.出行前准备</h3>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 出行前，请准备好您入园前的必需品:门票、游玩者个人身份证、主题咖APP会员注册、银行卡等第三方支付手段;</p>
            <div class="top3">

            </div>
            <h3>2.申请行李托运</h3>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                通过主题咖APP申请行李“托运”服务，可让主题咖托运人员上门为您进行行李托运;在您入园的前一天，行李将会运送到您所入住的酒店房间内;请您注意:请勿在行李内放置现金、首饰贵重物品;</p>
            <div class="top4">

            </div>
            <h3>3.出示入园门票</h3>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 进入主题咖前，工作人员将检验您的入园门票，届时请把身份证证件一同递交。在检验完毕后即可进入主题咖啦!</p>
            <div class="top5">

            </div>
        </div>
    </div>
</template>

<style scoped>
h3 {
    margin-top: .2rem;
    margin-left: .2rem;
    margin-bottom: .2rem;
}

p {
    margin-left: .2rem;
    margin-right: .2rem;
}

.top3 {
    height: 2rem;
    width: 89%;
    margin-left: .2rem;
    border-radius: .2rem;
    background: url(https://img0.baidu.com/it/u=1483308740,162396770&fm=253&fmt=auto&app=138&f=JPEG?w=900&h=500) no-repeat 100%/cover;
}

.top4 {
    height: 2rem;
    width: 89%;
    margin-left: .2rem;
    border-radius: .2rem;
    background: url(https://img2.baidu.com/it/u=766753082,1295814398&fm=253&fmt=auto&app=138&f=JPEG?w=675&h=500) no-repeat 100%/cover;
}

.top5 {
    height: 2rem;
    width: 89%;
    margin-left: .2rem;
    border-radius: .2rem;
    background: url(https://img0.baidu.com/it/u=587281491,2836402634&fm=253&fmt=auto&app=138&f=JPEG?w=499&h=247) no-repeat 100%/cover;
}
</style>